﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset="utf-8" />
    <title>单页面多个分页—绑定词典</title>
	<!--基础文件-->
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
    <!--分页-->
    <link href="plugins/pagination/pagination.css" rel="stylesheet" />
</head>
<body>
	<div id="viewModelBox">
		<!--表单绑定 start-->
		<div class="conAuto">
			<!--下拉菜单 start-->
			<div class="mt20 clearfix">
				<span class="fl tagName" style="width: 130px;"><span class="f_red mr5 fb">*</span>绑定下拉菜单：</span>
				<div class="fl">
					<select id="tixi" data-bind="foreach:TiXi" class="selectOption block">
						<option data-bind="attr:{value:baseParentid},text:baseName">请选择一项</option>
					</select>
				</div>
			</div>
			<!--下拉菜单 end-->
			<!--单选按钮 start-->
			<div class="mt20 clearfix">
				<span class="fl tagName lineheightNone"><span class="f_red mr5 fb">*</span>单选按钮：</span>
				<div class="fl">
					<ul id="radioList" data-bind="foreach:Radio" class="clearfix ml5" style="width: 600px;">
						<li class="fl mr15 mb5 clearfix">
							<input type="radio" name="radio" data-bind="attr:{value:baseParentid,id:'radi'+$index()+1},text:baseName" class="fl" />
							<label data-bind="attr:{value:baseParentid,for:'radi'+$index()+1},text:baseName" class="cp fl"></label>
						</li>
					</ul>
					<p id="radioTip"></p>
				</div>
			</div>
			<!--单选按钮 end-->
			<!--多选框 start-->
			<div class="mt20 clearfix">
				<span class="fl tagName lineheightNone"><span class="f_red mr5 fb">*</span>多选按钮：</span>
				<div class="fl">
					<ul id="checkList" data-bind="foreach:CheckBox" class="clearfix ml5" style="width: 600px;">
						<li class="fl mr15 mb5 clearfix">
							<input type="checkbox" name="ckb" data-bind="attr:{value:baseParentid,id:'chck'+$index()+1},text:baseName" class="fl" />
							<label data-bind="attr:{value:baseParentid,for:'chck'+$index()+1},text:baseName" class="cp fl">刘圣楠</label>
						</li>
					</ul>
					<p id="ckbTip"></p>
				</div>
			</div>
			<!--多选框 end-->
		</div>
		<!--表单绑定 end-->
		<!--列表1 start-->
	    <table id="t1" class="tableBox">
	        <thead>
	            <tr>
	                <th class="th01 tc">序号</th>
	                <th class="th02">标题</th>
	                <th class="th03" style="width:220px;">类型</th>
	                <th class="th04">发布时间</th>
	            </tr>
	        </thead>
	        <tbody data-bind="foreach: List">
	            <tr>
	                <td class="tc" data-bind="text:$index()+1"></td>
	                <td data-bind="text: title"></td>
	                <td data-bind="text: source"></td>
	                <td data-bind="text: baseUpdatetime"></td>
	            </tr>
	        </tbody>
	    </table>
	    <div class="tc mb50">
	        <div class="m-style" id="PageNation"></div>
	    </div>
	    <!--列表1 end-->
	    <!--列表2 start-->
	    <table id="t2" class="tableBox">
	        <thead>
	            <tr>
	                <th class="th01 tc">序号2</th>
	                <th class="th02">标题2</th>
	                <th class="th03" style="width: 220px;">类型2</th>
	                <th class="th04">发布时间2</th>
	            </tr>
	        </thead>
	        <tbody data-bind="foreach: List2">
	            <tr>
	                <td class="tc" data-bind="text:$index()+1"></td>
	                <td data-bind="text: title"></td>
	                <td data-bind="text: source"></td>
	                <td data-bind="text: baseUpdatetime"></td>
	            </tr>
	        </tbody>
	    </table>
	    <div class="tc mb50">
	        <div class="m-style" id="PageNation2"></div>
	    </div>
		<!--列表2 end-->
	</div>
     <!--基础引用-->
    <script src="js/common/jquery.min.js"></script>
    <script src="js/rein/prototype.js"></script>
    <script src="js/rein/knockout.js"></script>
    <script src="js/rein/rein.js"></script>
    <script src="js/rein/rein.site.js"></script>
    <!--分页-->
    <script src="plugins/pagination/jquery.pagination.js"></script>
    <!--本页面引用-->
    <script src="js/testpage.js"></script>
</body>
</html>
